import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../interface/root_proxy_model.dart';
import '../mic_list/mic_seat_item_widget.dart';
import 'contribution_list_page_model.dart';

class ContributionListPage extends StatelessWidget {
  // final SimpleChannelUserSlot item;
  const ContributionListPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
        providers: [
          ChangeNotifierProxyProvider<RootProxyModel,
              ContributionListPageModel>(
            create: (context) => ContributionListPageModel(),
            update: (context, rootProxyModel, leafModel) {
              if (leafModel == null) throw ArgumentError.notNull('leafModel');
              leafModel.roomModel = rootProxyModel;
              return leafModel;
            },
          ),
        ],
        child: Consumer<ContributionListPageModel>(
            builder: (context, model, child) {
          return Container(
            // constraints: BoxConstraints(
            //   maxHeight: 546,
            // ),
            height: 540,
            decoration: const BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.only(
                topLeft: Radius.circular(16),
                topRight: Radius.circular(16),
              ),
            ),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  decoration: const BoxDecoration(
                    image: DecorationImage(
                      image:
                          AssetImage("assets/images/bg_room_contribution.png"),
                      fit: BoxFit.cover,
                    ),
                  ),
                  height: MediaQuery.of(context).size.width * 188 / 375,
                  width: double.infinity,
                  child: Text('getTopItem'),
                  // child: getTopItem(
                  //     model.data?.micUser ?? SimpleChannelUser.create()),
                ),
                Text('ListView.builder')
                // Expanded(
                //     child: ListView.builder(
                //         itemCount: model.data?.rankItem.length ?? 0,
                //         itemBuilder: (context, index) {
                //           return getNormalItem(
                //               model.data!.rankItem[index], index);
                //         })),
              ],
            ),
          );
        }));
  }

  // getTopItem(SimpleChannelUser user) {
  //   double width = 60;
  //   var placeHolder = Image.asset(
  //     'assets/images/mic_seat_place_holder.png',
  //     width: width,
  //     height: width,
  //     fit: BoxFit.cover,
  //   );
  //   return CupertinoButton(
  //     onPressed: () {},
  //     minSize: 0,
  //     padding: EdgeInsets.zero,
  //     child: Column(
  //       mainAxisSize: MainAxisSize.min,
  //       children: [
  //         SizedBox(
  //           width: width + 12,
  //           height: width + 12,
  //           // constraints: BoxConstraints(
  //           //   minWidth: width+12,
  //           //   minHeight: width+12,
  //           // ),
  //           child: Stack(
  //             children: [
  //               Container(
  //                 padding: EdgeInsets.all(3),
  //                 decoration: BoxDecoration(
  //                     borderRadius: BorderRadius.circular(width + 3),
  //                     border: Border.all(color: Colors.white, width: 2)),
  //                 child: AvatarImage(
  //                   url: user.avatar,
  //                   width: width,
  //                   height: width,
  //                   borderRadius: width / 2,
  //                   fit: BoxFit.cover,
  //                   placeholder: (_, url) => placeHolder,
  //                   errorWidget: (_, url, err) => placeHolder,
  //                 ),
  //               ),
  //               // Positioned(child: Container(width: 10,height: 5,color: Colors.red,),)
  //             ],
  //           ),
  //         ),
  //         SizedBox(
  //           height: 2,
  //         ),
  //         Text(
  //           user.nickname ?? "",
  //           style: TextStyle(
  //               fontSize: 11,
  //               fontWeight: FontWeight.w500,
  //               color: Colors.white,
  //               height: 1),
  //         ),
  //         SizedBox(
  //           height: 11,
  //         ),
  //         Text(
  //           T.current!.few_charm_value(user.contributionValue),
  //           style: TextStyle(
  //               fontSize: 11,
  //               fontWeight: FontWeight.w500,
  //               color: Colors.white,
  //               height: 1),
  //         ),
  //       ],
  //     ),
  //   );
  // }

  // getNormalItem(SimpleChannelUser user, int index) {
  //   Widget prefixWidget;
  //   switch (index) {
  //     case 0:
  //       {
  //         prefixWidget = Image.asset(
  //           'assets/images/ic_contribution_top_one.png',
  //           width: 24,
  //           height: 19,
  //           fit: BoxFit.contain,
  //         );
  //         break;
  //       }
  //     case 1:
  //       {
  //         prefixWidget = Image.asset(
  //           'assets/images/ic_contribution_top_two.png',
  //           width: 24,
  //           height: 19,
  //           fit: BoxFit.contain,
  //         );
  //         break;
  //       }
  //     case 2:
  //       {
  //         prefixWidget = Image.asset(
  //           'assets/images/ic_contribution_top_three.png',
  //           width: 24,
  //           height: 19,
  //           fit: BoxFit.contain,
  //         );
  //         break;
  //       }
  //     default:
  //       {
  //         prefixWidget = Text(
  //           "${index + 1}",
  //           style: TextStyle(
  //               fontSize: 18,
  //               fontWeight: FontWeight.w600,
  //               color: Color(0xFF9F9F9F),
  //               height: 1),
  //         );
  //         break;
  //       }
  //   }
  //   return Container(
  //     height: 52,
  //     alignment: Alignment.centerLeft,
  //     child: Row(
  //       children: [
  //         Container(
  //           width: 54,
  //           alignment: Alignment.center,
  //           child: prefixWidget,
  //         ),
  //         AvatarImage(
  //           url: user.avatar,
  //           width: 36,
  //           height: 36,
  //           borderRadius: 18,
  //         ),
  //         SizedBox(
  //           width: 12,
  //         ),
  //         Expanded(
  //             child: Text(
  //           user.nickname,
  //           style: TextStyle(
  //               fontSize: 13,
  //               fontWeight: FontWeight.w500,
  //               color: Color(0xFF333333),
  //               height: 1),
  //         )),
  //         Text(
  //           T.current!.few_contribution_value(user.contributionValue),
  //           style: TextStyle(
  //               fontSize: 11,
  //               fontWeight: FontWeight.w400,
  //               color: Color(0xFF333333),
  //               height: 1),
  //         ),
  //         SizedBox(
  //           width: 20,
  //         ),
  //       ],
  //     ),
  //   );
  // }
}
